.hide{
    display: none;
    opacity: 0;
}

/* block popup */
.pheader{
    background: #e23600;
    height: 10%;
    padding: 8px 0;
}
.pbody{ height: 78%; overflow-y:scroll; padding: 1em; }
.pfooter{ height: 12%; border-top: 1px solid #eee; display: flex; align-items: center;}
.pbody p{ margin-bottom: 10px;}
.popup{
    position: fixed;
    width: 90%;
    height: 60%;
    overflow: hidden;
    left: 5%;
    top: 15%;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    z-index: 100;
}
/* endblock popup */

/* block modal */
.modalbg { position:absolute; left:0; top:0; width: 100%; height: 100%; background: #0b0b0b; opacity: 0.8; z-index: 499;}
.mymodal { width: 94%; min-height: 50%; position: fixed; left: 3%; top: 10%; z-index: 500;}
/* endblock modal */

/* block wangdian */
.mymodal select{
    cursor: pointer;
    color: #aaaaaa;
    height: 100%;
    width: 30%;
    z-index: 2;
  }
.mymodal select:nth-of-type(2){ margin: 0 5px; }
.icon-triangle{ margin-left:-20px; z-index: 0;}
.black-text{ color: #000;}
.pbody>div{ border-bottom: 1px solid #eee; line-height: 53px;}
.pbody>div:last-of-type{ border:none; }
[type="radio"] {
position: absolute;
left: -9999px;
opacity: 0;
}
label{ height: 100%; width:100%;  padding: 14px 0;}
label {
position: relative;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
}
label:after{
border: 2px solid #5a5a5a;
border-radius: 50%;
content: '';
position: absolute;
right: 0;
margin: 4px;
width: 16px;
height: 16px;
}
[type="radio"]:checked+label:after{
background-color: #26a69a;
border: 2px solid #26a69a;
}
#location>div {
    border-bottom: 1px solid #eee;
    line-height: 53px;
}
/* endblock wangdian */
